<template>
  <div class="nearby">
    <h3 class="nearby__title">附近店铺</h3>
    <ShopInfo v-for="(item, index) in list" :key="index" :item="item"/>
  </div>
</template>

<script setup>
import { ref } from "vue"
import ShopInfo from "@/views/shop/components/ShopInfo.vue";
const list = ref([
  { _id: '1', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '2', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '3', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '4', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '5', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '6', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '7', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '8', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '9', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '10', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '11', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' },
  { _id: '12', title: '沃尔玛', img: 'http://www.dell-lee.com/imgs/vue3/near.png', tags: ['月售1万+', '起送20', '基础运费￥5'], highlight: 'VIP尊享满89元减4元运费全（每月3张）' }
]);
</script>

<style lang="scss" scoped>
@import '../../css/variables.scss';
@import '../../css/mixins.scss';

.nearby {
  &__title {
    margin-top: 0.16rem;
    margin-bottom: 0.02rem;
    font-size: 0.18rem;
    font-weight: normal;
    color: $content-fontColor;
  }
}
</style>
